#login {position: absolute; width: 100%; height: 100%;  display: flex; flex-direction: row; align-items: center; justify-content: center; background: #F1F1F1;padding: 78px 0;box-sizing: border-box;
    .conbox{
        height: 100%;display: flex; flex-direction: row; align-items: center;background: #fff;border-radius: 12px;overflow: hidden;
    }
    .leftbox{
        width: 600px; height: 100%;display: flex; flex-direction: column; justify-content: center; align-items: center;
        .btn{box-shadow: 0px 7px 22px 1px $end-color;}
    }
    .rightbox{
        position: relative; display: flex;justify-content: center; align-items: center;
        .title{position: relative;z-index: 10;text-shadow: 2px 2px 0.5px rgb(170, 204, 190, 0.8);}
        .img_{position: absolute;left: 0;top: 50%;z-index: 1;width: 600px;height: 700px;margin-top: -350px;}
        width: 600px; height: 100%;display: flex;justify-content: center; align-items: center;font-size: 66px;font-weight: bold;color: #fff;
        background-image: url('../assets/bg.png'); background-size: cover; background-repeat: no-repeat; background-position: center;
    }
    .rightbox::after{content: '';display: block;position: fixed;right: 0;top: 0;z-index: 2;width: 50vw;height: 100vh;background: rgba(10, 72, 46, 0.4);}
    #logindiv {
        padding: 0 90px; box-sizing: border-box;
        .logobox{width: 140px;height: 140px;border-radius: 12px;box-shadow: 0px 7px 22px 1px $end-color;background: $end-color;display: flex;justify-content: center; align-items: center; margin-bottom: 80px; img{width: 80px;height: 80px;}}
        #title { width: 404px; text-align: center; font-size: 24px; margin: 23px 0; color: #1D2129; }
        .form { width: 100%; height: auto;
            .formitem{margin-bottom: 20px;}
            .vcodeinner { display: flex; flex-direction: row; width: 100%; height:50px; 
                img { border: 1px solid var(--el-border-color); border-left: 0; height: 50px; width: 120px; cursor: pointer; }
            } 
            .input { width: 100%; height: 50px; }
            .btn { background-color: $end-color; border: 0; font-size: 16px; width: 100%; height: 50px; color: #FFF; display: flex; justify-content: center; align-items: center; margin: 30px 0 0 0; }
        }
    }
}